import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

  const routes = [
  {
    path: '/',
    component: function () {
      return import('@/views/Home.vue')
    }
  },
  {
    path: '/frontendPaging',
    component: function () {
      return import('@/views/PageTable/frontendPaging/frontendPaging.vue')
    }
  },
  {
    path: '/frontendPagingDynCol',
    component: function () {
      return import('@/views/PageTable/frontendPagingDynCol/frontendPagingDynCol.vue')
    }
  },
  {
    path: '/backendPaging',
    component: function () {
      return import('@/views/PageTable/backendPaging/backendPaging.vue')
    }
  },
  {
    path: '/backendPagingDynCol',
    component: function () {
      return import('@/views/PageTable/backendPagingDynCol/backendPagingDynCol.vue')
    }
  },
  {
    path: '/frontendPagingDynCol-v2',
    component: function () {
      return import('@/views/PageTable/frontendPagingDynCol-v2/frontendPagingDynCol.vue')
    }
  },
  {
    path: '/backendPaging-v2',
    component: function () {
      return import('@/views/PageTable/backendPaging-v2/backendPaging.vue')
    }
  },
  {
    path: '/backendPagingDynCol-v2',
    component: function () {
      return import('@/views/PageTable/backendPagingDynCol-v2/backendPagingDynCol.vue')
    }
  }
]

const router = new VueRouter({
  routes
})

export default router
